﻿@model IEnumerable<AceMobile.Models.Accessories.Accessory>

@{
    ViewBag.Title = "Phụ kiện";
    string AccessoryGenre = @AceMobile.Controllers.AccessoryController.getAccessoryAmount().ToString();
    AceMobile.Models.MobileWebContext context = new AceMobile.Models.MobileWebContext();
    List<AceMobile.Models.Accessories.AccessoryProducer> listProducer = context.AccessoryProducers.ToList();
}
<link href="../../Content/Phoneindex.css" rel="stylesheet" />
<style>
    #content2{width:100%;margin-right:0px;background: none;float:inherit;border-radius:0px;box-shadow: 0px 0px 0px #000;padding:0px}      
</style>
<script>
    function add2cart(id) {
        
        $.ajax({
            type: "POST",
            url: "@Url.Action("Add2Cart", "Cart")",
            data: { ID: id, Type: "accessory" }
        })
          .done(function (result) {
              $("#amount").text(result.Amount);
              $("#price").text(result.Price);
          });
    }
</script>
@using (Html.BeginForm())
{       
   	    <div id="leftcontent">
            <div class="filter" style="margin-top:0px;">                	
            	<table width="100%" border="0" class="timkiem">
                    <tr>
                    <td colspan="2" style="padding-left:10px">Tùy chọn 
                        @if (ViewBag.P == null)
                        {
                            <input type="text" name="p" placeholder="Tên hãng phụ kiện, tên phụ kiện, mã sản phẩm ..." style="margin-top:-2px;width:270px; height:15px;border-radius:3px;font-size:11px; padding-left:3px; border:1px solid #ccc;" />
                        }
                        else
                        {
                            <input type="text" name="p" value="@ViewBag.P" placeholder="Tên hãng phụ kiện, tên phụ kiện, mã sản phẩm ..." style="margin-top:-2px;width:270px; height:15px;border-radius:3px;font-size:11px; padding-left:3px; border:1px solid #ccc;" />
                        }             
                    </td>
                    <td colspan="2">                        
                    </td>
                    <td colspan="2"><div class="styled-select">
                        Nhà sản xuất:  @Html.DropDownList("listProducer", null,"Tất cả", new { style="margin-top:-2px;margin-right:20px;width:100px;height:20px;border-radius:3px;font-size:11px; padding-left:3px; border:1px solid #ccc;"})
                    </div>
                    </td>
                    <td colspan="2"><div>
                        <input type="submit" id="timkiem" value="Tìm kiếm" />    
                    </div></td>
                    </tr>
  
                </table>				
            </div><!--end .filter-->
            <div style="clear:both"></div> 
            <div class="count">
                <p>(Hiện có <span>@AccessoryGenre</span> loại phụ kiện đang bán trên website)</p>
            </div>
            <div class="listproduct">
                <div class="title">
                    <p  style="float:left;font-size:13px;font-weight:bold">Danh mục sản phẩm</p>
                    <p  style="float:right">Hiển thị (@Model.Count().ToString()/@AccessoryGenre)</p>
                    <div style="clear:both"></div>
                </div>
                <div class="sanpham">
                    @if (Model.Count() == 0)
                    {
                            <span style="margin-left: 10px; font-size: 16px; font-weight: bold; color: red">Không có sản phẩm nào như bạn tìm kiếm!</span>
                    }
                    @foreach (var item in Model)
                    {
                    <div class="sp">
                        <div class="images">
                            <a href="..\Accessory\Details\@item.ID"><img src="@Url.Content(item.ImageUrl)" border="0" style="max-height:85px;max-width:45px;align:center" alt="Images" /></a>
                        </div>
                        <div class="nd">
                            <p align="center"> @AceMobile.Controllers.HomeController.trimString(item.Name,15)</p>
                            <div class="btn">
                                <a href="#" onclick="add2cart(@item.ID)"><p align="center">Đặt hàng</p></a>
                            </div>
                            <div class="btn">
                                <a href=""><p align="center">@Html.ActionLink( "Chi tiết", "Details", "Accessory", new { Id = item.ID }, null)</p></a>
                            </div>
                            <div style="clear:both"></div>
                            <div class="gia">
                                <p align="center">@item.Price.ToString("#,##0") VNĐ</p>
                            </div>
                        </div>
                    </div>
                    }
                </div>
            </div>
            <div style="height: 20px; clear: both"></div>
        </div>
            <div id="rightcontent">
            <div class="right">
                <div class="title">
                    <p  style="float:left;font-size:13px;font-weight:bold">Thông tin giỏ hàng</p>
                    <div style="clear:both"></div>
                </div>
                <div class="list">
                    <ul>
                        <li class="num1"><a href="">Giỏ hàng đang có: <span id="amount">
                                                                        @if (@Session["Amount"]==null)
                                                                            {
                                                                                @:0
                                                                            }
                                                                            else
                                                                            {
                                                                                @Session["Amount"].ToString()
                                                                            }
                        	                                            </span> sản phẩm</a></li>
                        <li class="num2"><a href="">Số tiền tương ứng: <span id="price">
                                                                        @if (@Session["Price"]==null)
                                                                            {
                                                                                @:0
                                                                            }
                                                                            else
                                                                            {
                                                                                @String.Format("{0:#,#}", Convert.ToInt32(Session["Price"].ToString()))
                                                                            }
                                                                        </span></a></li>
                        <li class="num3">@Html.ActionLink("Chi tiết giỏ hàng của bạn", "Index", "Cart", null, null)</li>
                    </ul>                        
                </div>
            </div>
                
            <div class="right" style="margin-top:15px;">
                <div class="title">
                    <p  style="float:left;font-size:13px;font-weight:bold">Danh mục tìm kiếm</p>
                    <div style="clear:both"></div>
                </div>
                <div class="list">
                    <ul>
                        <li>@Html.ActionLink("Sản phẩm được quan tâm", "Index", new { arrangeType = 1})</li>
				        <li>@Html.ActionLink("Sản phẩm mới", "Index", new { arrangeType = 2})</li>
						<li>@Html.ActionLink("Phụ kiện", "Index", "Accessories")</li>							
                        <li>@Html.ActionLink("Sản phẩm mua nhiều", "Index", new { arrangeType = 3})</li>
                    </ul>
                </div>
            </div>
            <div class="right" style="margin-top:15px;">
                <div class="title">
                    <p  style="float:left;font-size:13px;font-weight:bold">Danh mục nhà sản xuất</p>
                    <div style="clear:both"></div>
                </div>
                <div class="list">
                    <ul class="left" style="float:left;width:90px;margin-left:-5px;">
                        @for (int i = 0; i < listProducer.Count/2; i++)
                            {
                            <li>@Html.ActionLink(listProducer[i].Name, "Index", new { producer = listProducer[i].Name.ToString()})</li>
                            }                            
                    </ul>
                    <ul class="left" style="float:left;width:90px;margin-left:-25px;">
                        @for (int i = listProducer.Count / 2; i < listProducer.Count; i++)
                            {
                            <li>@Html.ActionLink(listProducer[i].Name, "Index", new { producer = listProducer[i].Name.ToString()})</li>
                            }  
                    </ul>
                    <div style="clear:both"></div>
                </div>
            </div>
            <div style="clear:both"></div>
        </div><!--end #rightcontent-->
    <div style="clear:both"></div>
        
    <div id="doitac">
        <div id="product-slider">
		    <div class="logodoitac"><img src="..\Content\Images\logodoitac.png" width="240px" border="0" alt="Logo đối tác" /> </div>
            <div style="clear:both"></div>
		    <ul>
			    <li><a href="#" title="Đối tác 1"><img src="..\Content\Images\doitac1.png" alt="Đối tác" /></a></li>
                <li><a href="#" title="Đối tác 1"><img src="..\Content\Images\doitac2.png" alt="Đối tác" /></a></li>
                <li><a href="#" title="Đối tác 1"><img src="..\Content\Images\doitac3.png" alt="Đối tác" /></a></li>
                <li><a href="#" title="Đối tác 1"><img src="..\Content\Images\doitac4.png" alt="Đối tác" /></a></li>
                <li><a href="#" title="Đối tác 1"><img src="..\Content\Images\doitac1.png" alt="Đối tác" /></a></li>
                <li><a href="#" title="Đối tác 1"><img src="..\Content\Images\doitac2.png" alt="Đối tác" /></a></li>
                <li><a href="#" title="Đối tác 1"><img src="..\Content\Images\doitac3.png" alt="Đối tác" /></a></li>
                <li><a href="#" title="Đối tác 1"><img src="..\Content\Images\doitac4.png" alt="Đối tác" /></a></li>
		    </ul>
		    <div class="cl">&nbsp;</div>
                <div style="clear:both"></div>
	    </div>
    </div><!--end #doitac-->
    <div style="clear:both"></div>
 
}